<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景图片</title>
		<style>
			header {
				height: 190px;
				background-image: url(../img/猫猫.jpg);
				: ;
			}
			.w {
				height: 2000px;
				background-image: url(../img/猫猫.jpg);
				background-repeat: no-repeat;
				background-attachment: fixed;
			}
			.mid{
				width: 1200px;
				height: 200px;
				margin: 10px auto;
				border: 1px solid orangered;
			}
		</style>
	</head>
	<body>
		<header></header>
		<div class="w">
			<div class="mid">1</div>
			<div class="mid">2</div>
			<div class="mid">3</div>
			<div class="mid">4</div>
			<div class="mid">5</div>
			<div class="mid">6</div>
			<div class="mid">7</div>
		</div>
	</body>
</html>
